<template>
  <div>
    <div>我是关于的内容</div>
    <!-- 将 v-model 绑定到 inputText -->
    <el-input
      v-model="inputText"
      placeholder="请输入内容 例如:
      SVDVD-962 magnet:?xt=urn:btih:F05FF168839C9A1CBD3CE388B8FCF859BDD17EF0
      MEYD-966 magnet:?xt=urn:btih:3EF42E0E6EE30344F08DB42B09DAC270BC5513FB
      "
      type="textarea"
      :rows="10"
      style="width: 100%"
    />
    <el-button @click="send_input" type="success" round>点我提交</el-button>
  </div>
</template>

<script setup lang="js">
  import { ref } from 'vue'
  import { ElMessage } from 'element-plus'

  import axios from 'axios'

  // 定义响应式变量 inputText 来存储输入框内容
  const inputText = ref('')

  // 定义提交按钮的点击事件处理函数
  // const send_input = async () => {
  //   判断输入框内容是否为空
  //   if (inputText.value === '') {
  //     ElMessage({
  //       message: '输入内容为空,请重新输入',
  //       type: 'warning',
  //     })
  //   } else {
  //     // 显示提交成功的消息提示
  //     ElMessage({
  //       message: '提交成功,清空输入框',
  //       type: 'success',
  //     })

  //     try {
  //       const url = await requestUtil.post(
  //         'app01/xunlei_link?' + qs.stringify(send_input.value)
  //       )
  //       const params = {
  //         data: inputText.value,
  //       } // 根据实际需求设置请求参数

  //       const response = await post(url, inputText.value)
  //       console.log('请求成功:', response.data)
  //       const data = response.data
  //       if (data.code === 200) {
  //         ElMessage.success('执行成功！')
  //       } else {
  //         ElMessage.error(data.msg)
  //       }
  //       // 在这里可以根据响应数据进行后续处理
  //     } catch (error) {
  //       console.error('请求失败:', error)
  //       // 处理请求失败的情况
  //     }

  //     // 输出输入框的内容
  //     console.log(inputText.value)
  //     // 清空输入框
  //     inputText.value = ''
  //   }
  // }
</script>

<style lang="scss" scoped>
  .el-input__textarea textarea {
    font-size: 16px;
    line-height: 1.5;
  }
</style>
